<template>
  <view>
    <!-- 0拍照打卡 -->
    <view class="clock-i-txt" v-if="cardState==0">
      <img src="/static/images/boss/icon_b_location_no.png" alt="">
      <view class="txt-gray">未打開藍牙，無法打卡</view>
      <img src="/static/images/boss/icon_b_location.png" alt="">
      <view>已進入考勤範圍1</view>
    </view>
  </view>
</template>
<style lang="scss" scoped>
.clock-i-txt{
  font-size: 13px;
  color: #0066ED;
  line-height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  img{
    width: 13px;
    height: 15px;
    margin-right: 5px;
  }
  .txt-gray{
    color: #A2ADBA;
  }
}
</style>